//数据暂无   
//安环管理系统/数据趋势分析图
import React, { Component } from 'react';
import { connect } from 'dva';
import {Checkbox, Card} from 'antd';
import style from './EnvTrend.less';
import PublicService from '../../services/PublicService';
import request from '../../utils/request';
import {EnvTrendGain} from '../../services/redmoe';
import EnvTrendEcharts from './sub/EnvTrendEcharts'






class EnvTrend extends Component {
    state = {
        kind:"",
        arr:[],
        co:false,
        cod:false,
        hcl:false,
        nox:false,
        ph:false,
        pl:false,
        checkText:[],
        dataEcharts:{}
     
    };
    //页面进入事件
    componentDidMount() {
      var zt =  PublicService.getCookie('Kind')
      this.state.arr.push(zt)
      console.log(zt)
      const {co,cod,hcl,nox,ph,pl} = this.state
      
        if(zt == "co") {
            this.setState({
                co:true
            })
            this.state.checkText.push("一氧化碳")
        }
        if(zt == "cod") {
            this.setState({
                cod:true
            })
            this.state.checkText.push("COD")
        }
        if(zt == "hcl") {
            this.setState({
                hcl:true
            })
            this.state.checkText.push("氯化氢")
        }
        if(zt == "pl") {
            this.setState({
                pl:true
            })
            this.state.checkText.push("颗粒物")
        }
        if(zt == "ph") {
            this.setState({
                ph:true
            })
            this.state.checkText.push("pH")
        }
        if(zt == "nox") {
            this.setState({
                nox:true
            })
            this.state.checkText.push("氮氧化物")
        }

 
      this.setState({
          kind:PublicService.getCookie('Kind')
      })

      setTimeout(() => {
        request(`/hh-management-web/gnhj/environmentalindicat/getNewEchartsData1?types=${this.state.kind}`).then(data => {
            if(data.data.rc == 0) {
                this.setState({
                    dataEcharts:data.data.ret
                })
            }
        })
      })
      
    }

    //多选框事件
    Check = (e,text) => {

        console.log(e,text)
        if(e.target.checked == true) {

            this.state.arr.push(e.target.value)
            if(e.target.value == "co") {
                this.setState({
                    co:true
                })
                this.state.checkText.push("一氧化碳")

            }
            if(e.target.value == "cod") {
                this.setState({
                    cod:true
                })
                this.state.checkText.push("COD")
            }
            if(e.target.value == "hcl") {
                this.setState({
                    hcl:true
                })
                this.state.checkText.push("氯化氢")
            }
            if(e.target.value == "pl") {
                this.setState({
                    pl:true
                })
                this.state.checkText.push("颗粒物")
            }
            if(e.target.value == "ph") {
                this.setState({
                    ph:true
                })
                this.state.checkText.push("pH")
            }
            if(e.target.value == "nox") {
                this.setState({
                    nox:true
                })
                this.state.checkText.push("氮氧化物")
            }
        }
      
       
        if(e.target.checked == false) {
          var i = this.state.arr.indexOf(e.target.value)
          console.log(i)
          this.state.arr.splice(i,1)
          this.state.checkText.splice(i,1)
        if(e.target.value == "co") {
            this.setState({
                co:false
            })
        }
        if(e.target.value == "cod") {
            this.setState({
                cod:false
            })
        }
        if(e.target.value == "hcl") {
            this.setState({
                hcl:false
            })
        }
        if(e.target.value == "pl") {
            this.setState({
                pl:false
            })
        }
        if(e.target.value == "ph") {
            this.setState({
                ph:false
            })
        }
        if(e.target.value == "nox") {
            this.setState({
                nox:false
            })
        }
        }
        var dataText = this.state.arr.join(",")
    

        setTimeout(() => {
            request(`/hh-management-web/gnhj/environmentalindicat/getNewEchartsData1?types=${dataText}`).then(data => {
                console.log(data)
                if(data.data.rc == 0) {
                    this.setState({
                        dataEcharts:data.data.ret
                    })
                }
            })
        })
       

    }
    


    render() {
        return (



          

                  <div>
                      
                        <Card
                            className={style.CardTop}
                        >
                            <div className={style.Top}>
                            添加指标:
                            <Checkbox checked={this.state.co} value="co" onChange={this.Check} style={{marginLeft:15}}>一氧化碳</Checkbox>
                            <Checkbox checked={this.state.pl} value="pl" onChange={this.Check}>颗粒物</Checkbox>
                            <Checkbox checked={this.state.nox} value="nox" onChange={this.Check}>氮氧化物</Checkbox>
                            <Checkbox checked={this.state.hcl} value="hcl" onChange={this.Check}>氯化氢</Checkbox>
                            <Checkbox checked={this.state.cod} value="cod" onChange={this.Check}>COD</Checkbox>
                            <Checkbox checked={this.state.ph} value="ph" onChange={this.Check}>pH</Checkbox>
                           
 
                            </div>

                        </Card>
                        <Card
                            className={style.CardBottom}
                         >
                            <EnvTrendEcharts
                            checkText={this.state.checkText}
                            data={this.state.dataEcharts}
                            />

                    
                        </Card>
                        

                   
                  </div>
           

           

        )
    }
}

export default connect()(EnvTrend)